<template>
    <div class="container">
        <!-- 导航栏开始 -->
        <TridentCustomNav>
            <template #left><i class="iconfont icon-zuojiantou"></i></template>
            <template #default>我的位置</template>
        </TridentCustomNav>
        <!-- 导航栏结束 -->

        <!-- 获取位置按钮 -->
        <div class="content-wrap">
            <TridentMap />
        </div>
    </div>
</template>

<script lang="ts" setup>
</script>

<style scoped lang="scss">
page,
.container {
    height: 100vh;
    // 内容区域开始
    .content-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
        width:100%;
        height: 800px;
        background-color: aqua;
    }
}
</style>